// 全局样式文件
@import "~ant-design-vue/lib/style/index";

html,body{width:100%;height:100%;}
* {margin: 0px;padding: 0px;box-sizing: border-box;}
li{list-style:none}

// 分割面板样式
.splitpanes .splitpanes__splitter {min-height: 3px !important;}
.splitpanes__splitter:hover {
  background-color: #CCC;
}

#app {
  .icon-button {
    margin-right: 10px;
  }
  // card卡片布局
  .ant-card {
    height: 100%;
    .ant-card-head {
      .ant-card-head-title {
        padding: 0;
        &>div {
          display: flex;
          align-items: center;
          .top-icon {
            width: 35px;
            height: 35px;
            font-size: 18px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%;
            margin-right: 10px;
            color: #fff;
            background: @primary-color;
          }
        }
      }
    }
  }
  // 左侧导航菜单切换样式
  .ant-layout-sider.light {
    background: #FFF;
  }
  .ant-layout-sider.dark {
    .sidebar-logo {
      background: #002140;
      border-bottom: 1px solid #002140;
      .sidebar-title {
        color: #FFF;
      }
    }
  }
  .ant-layout.inline {
    .header-left {
      flex: inherit;
    }
    .user-menu {
      .anticon:hover {
        color: @primary-color;
      }
    }
  }
  .ant-layout.horizontal {
    .header-left {
      flex: 1 1 1000px;
    }
    .ant-layout-header.dark {
      background: #001529;
      .user-menu {
        color: #FFF;
      }
    }
    .user-menu {
      .anticon:hover {
        color: @primary-color;
      }
    }
  }

  // ztree样式
  /deep/ .ztree {
    li {
      padding: 4px 0;
      span.button.center_close {
        background-position: -74px -14px;
      }
      span.button.center_open {
        background-position: -92px -14px;
      }
      span.button.root_close {
        background-position: -74px -50px;
      }
      span.button.root_open {
        background-position: -92px -50px;
      }
      span.button.center_docu {
        background-position: -56px -14px;
      }
      span.button.roots_close {
        background-position: -74px 4px;
      }
      span.button.roots_open {
        background-position: -92px 4px;
      }
      span.button.bottom_close {
        background-position: -74px -32px;
      }
      span.button.bottom_open {
        background-position: -92px -32px;
      }
      span.button.chk {
        margin: 8px 3px 0 0;
      }
      a {
        height: 24px;
        &:hover {
          text-decoration: none;
        }
        &.curSelectedNode {
          background-color: #e6f7ff;
          border: none;
        }
        span.button {
          vertical-align: middle;
        }
        span.node_name {
          line-height: 24px;
        }
      }
    }
    * {
      font-size: 14px;
    }
  }
}

// 设置表单间距
body {
  .ant-modal {
    .ant-modal-content {
      .ant-modal-body {
        .ant-form-item {
          margin-bottom: 0;
        }
      }
    }
  }
}

// 自定义el-table和el-tabs组件单击高亮样式和hover颜色
.clickRowStyle {
  background: #e6f7ff;
}
.el-table__body tr.current-row>td {
  background-color: #e6f7ff;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #e6f7ff
}
.el-checkbox__input.is-focus .el-checkbox__inner {
	border-color: @primary-color;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
	background-color: @primary-color;
	border-color: @primary-color;
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
	background-color: @primary-color;
	border-color: @primary-color;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: @primary-color;
	border-color: @primary-color;
}
.el-checkbox__input .el-checkbox__inner:hover {
  border-color: @primary-color;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: @primary-color;
}
.el-table .descending .sort-caret.descending {
  border-top-color: @primary-color;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: @primary-color;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: @primary-color;
}